﻿@charset "UTF-8";
html{ font-size: 62.5%; -webkit-tap-highlight-color:rgba(0,0,0,0); }
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, i, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0; padding:0; border:0; outline:0 none; font-size: 100%; font:inherit; vertical-align: baseline; }
body{ overflow-x:hidden; overflow-y:scroll; color: #414a51;/* background:#f1f4f9;*/ font: normal normal 14px/1.42857 "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53"; }
body::-webkit-scrollbar-corner { background-color:#fff; } body::-webkit-scrollbar-track {background-color:#fff; } body::-webkit-scrollbar {width: 7px; -webkit-appearance: none; } body::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #555; background-color: #555; box-shadow: 0 0 3px 3px #eee; }
a, a:hover, a:focus{ text-decoration: none;  outline: none; }
img{ outline: none; border:0; }
ul,li{ list-style-type: none; padding: 0; margin: 0; }
::selection{ color:#fff; background-color: #BDE1FD; }
::-moz-selection{ color:#fff; background-color: #BDE1FD; }
*,*:after,*:before {-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.f:after{ clear:both; content:'\20'; display: table; overflow: hidden; height: 0; visibility: hidden; }
.fl{float:left;}
.fr{float:right;}
.form-gp:before,.form-gp:after,.identifyingcode:before,.identifyingcode:after,.iteacher:before,.iteacher:after,.bestX:after,.bestX:before,.find-container:before,.find-container:after,.row-find:before,.row-find:after,.clear-fx:before,.clear-fx:after,.u-l>ul:before,.u-l>ul:after{content:"\20";display:table;overflow:hidden;line-height:0;height:0}.form-gp:after,.iteacher:after,.bestX:after,.find-container:after,.row-find:after,.clear-fx:after,.u-l>ul:after{clear:both}
.spin{background-color:#f5f5f5;}
.find-container{width:1200px;margin-left:auto;margin-right:auto;margin-bottom:34.6px}
.sider{float:left;min-height:1px;width:920px;display:inline-block}
.R-r-au{float:right;width:272px;margin-left:8px;}	
.teacher-collection{background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.detailsCard{width:auto;max-width:1200px;border:1px solid #fff;border-bottom: 1px solid #f0f0f0;padding:30px 22px;display:block;}
.detailsCard:hover{background-color:#f3f9ff;cursor:pointer;border:1px solid #bfd8f2;}
.detailsCard > div{display:inline-block}
.detailsCard .dd img,.focus-img img{width:100px;height:100px;border-radius:50%;display:block;margin-right:20px;box-shadow:0 0 4px rgba(148,148,148,0.75);-webkit-box-shadow:0 0 4px rgba(148,148,148,0.75);-moz-box-shadow:0 0 4px rgba(148,148,148,0.75);-ms-box-shadow:0 0 4px rgba(148,148,148,0.75);-o-box-shadow:0 0 4px rgba(253,253,253,0.75)}
.d-etails {
    margin-right: 20px;
    color: #000;
    font-size: 12px;
    width: 730px;
}
label.tipsMedal{cursor:pointer;display:block;font-size: 13px; font-weight: normal; position: absolute; white-space: nowrap; /* background-color: rgba(0, 0, 0, 0.7); background-color: rgb(0, 0, 0)\9;box-shadow: 0 0 3px rgba(18, 18, 18, 0.81); border-radius: 3px;*/ color: #999; padding: 1px 6px 1px 6px;  top: 10px;right:-64px; /* line-height: 20px; */}
#tcoll [name=hoverlabel] label{ top:6px; }
/* label.tipsMedal:before{ content: ''; display: block; width: 0; height: 0; position: absolute; border-width: 5px; border-style: solid; border-color: transparent rgba(0, 0, 0, 0.77) transparent transparent; border-color: transparent rgb(0, 0, 0)\9 transparent transparent; top: 5px; left: -10px;  }*/
[name=hoverlabel]{ position: relative; }
.medal1{ background-image: url(../images/medal1.png); background-size:18px 18px;}
.medal2{ background-image: url(../images/medal2.png); background-size:18px 18px;} 
.medal3{ background-image: url(../images/medal3.png); background-size:18px 18px;}
.medal4{ background-image: url(../images/medal4.png); background-size:18px 18px;}
.medal5{ background-image: url(../images/medal5.png); background-size:18px 18px;}
.medal6{ background-image: url(../images/medal6.png); background-size:18px 18px;}
.d-etails .h2{font-size:24px;font-weight:bold;text-align:left;max-width: 350px;}
.d-etails .h2 i.lp{background: #ee6100;border-radius: 5px;line-height: 15px;height: 20px;color: #fff;font-size: 12px;padding: 3px 5px;display: inline-block;font-weight:normal;}
.d-etails .h2 i.tj{border-radius: 5px;line-height: 11px;height: 20px;color: #ee6100;font-size: 12px;padding: 3px 5px;display: inline-block;border: 1px solid #ee6100;}
.d-etails .h2 span{color:#000;padding-right: 22px;background-repeat: no-repeat; background-position: 100% 90%; position: relative;display: inline-block;line-height: 28px;height:28px;}
.d-etails .desc-90{margin:8px 0;text-align:left;font-size:14px;color:#abb6cc;max-width: 610px;}
.d-etails .desc-90 span{margin-right:5px;color:#abb6cc;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border:1px solid #abb6cc;font-size:12px;}
.d-etails .desc-90 span strong{padding-left:2px}
.flaunt {
    color: #666;
    margin-bottom: 8px;
    text-align: left;
    max-width: 550px;
    padding-top: 8px;
    height: 60px;
    overflow: hidden;
}.d-etails .saga{text-align:left;white-space:normal;line-height:18px;color:#5a5a5a;font-size:12px;max-width:550px;padding-top: 8px;
    height: 60px;
    overflow: hidden;margin-bottom: 8px;}
.star-view{font-size:12px;margin-top: 0px;color: #333;}
.flashstar ul{width:90px;float:right;margin-right:2px;}
.flashstar ul li{float:left;display:inline;width:18px;height:18px;background:url(../images/sprite-hls-iconspic.png) no-repeat;padding:0;background-position:left -217px}
.flashstar ul li.stuff{background-position:left -243px}
.flashstar p{clear:both;text-align:right;color:#a3a3a3}
.view-g{position:relative}
.view-g .jgprize{color:#c9c9c9;text-decoration:line-through;text-align:right}
.gg{text-align:right;margin-right:5px;}
.detailsCard .gg{white-space:nowrap}
.gg strong{color:#ff921e;padding:0 4px;font-size:30px}
.gg strong:before{content:attr(data-x);display:inline;color:#000;font-size:20px}
.page-turning{padding:25px 0;box-shadow:0 0 20px rgba(202,201,201,0.41);-webkit-box-shadow:0 0 20px rgba(202,201,201,0.41);-moz-box-shadow:0 0 20px rgba(202,201,201,0.41);-o-box-shadow:0 0 20px rgba(202,201,201,0.41);-ms-box-shadow:0 0 20px rgba(202,201,201,0.41);background:#f3f3f3}
.page-turning > div{float:right;margin-right:28px}
.page-turning > div > a {
    display: inline-block;
    float: left;
    margin-right: 8px;
    color: #5a5a5a;
    background-color: #fff;
    height: 32px;
    width: auto;
    border-radius: 4px;
    border: 1px solid #ccc;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 2px 1px rgba(228,228,228,0.68);
    -moz-transition: all .2s ease-out 0s;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
    padding: 0 10px;
}
/*.page-turning .clickhere{background-color:#4689cf;color:#fff;font-weight:bold;background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#6cabe2),to(#438ac6),color-stop(0.5,#4c96de));border-width:1px;border-style:solid;border-color:rgba(52,139,228,0.64) rgba(89,155,223,0.81) #3771af;box-shadow:inset 0 0 3px #fff} 页码页数*/
.page-turning >div > a:hover{background-color:#edeef0;box-shadow:inset 0 -1px #d8d8d8;-webkit-box-shadow:inset 0 -1px #d8d8d8;-moz-box-shadow:inset 0 -1px #d8d8d8;-ms-box-shadow:inset 0 -1px #d8d8d8;color:#4b9cdb;}
.page-turning >div >a.clickhere:hover{background-color:none;box-shadow:inset 0 0 3px #fff;-moz-box-shadow:inset 0 0 3px #fff;-webkit-box-shadow:inset 0 0 3px #fff;-ms-box-shadow:inset 0 0 3px #fff}
.page-turning >div >a.disab:hover{background-color:#fff;box-shadow:0 2px 1px rgba(228,228,228,0.68);-moz-box-shadow:0 2px 1px rgba(228,228,228,0.68);-webkit-box-shadow:0 2px 1px rgba(228,228,228,0.68);-ms-box-shadow:0 2px 1px rgba(228,228,228,0.68);cursor:default}
.disab{display:none !important;}
.page-turning >div >a.pagepn{background:0;border:0;box-shadow:none;width:80px;position:relative;color:#a6b0bb;border:1px solid #a6b0bb;padding:0px 10px;}
#pageturn *::selection{background:0;color:#000}
.prevp{padding-left:12px}
.prevp:before{content:attr(data-prev);display:block;width:10px;height:10px;position:absolute;top:-1px;left:10px;}
.nextp{padding-right:12px}
.nextp:after{content:attr(data-next);display:block;width:10px;height:10px;position:absolute;top:-1px;right:10px;}
.page-turning >div >a.pagepn:hover{border:1px solid #4b9cdb;color:#4b9cdb;}
.R-r-au>.gra{margin-bottom:8px;}
.gra{box-shadow:0 0 3px 1px rgba(201,201,201,0.13);-webkit-box-shadow:0 0 3px 1px rgba(201,201,201,0.13);-moz-box-shadow:0 0 3px 1px rgba(201,201,201,0.13);-ms-box-shadow:0 0 3px 1px rgba(201,201,201,0.13);-o-box-shadow:0 0 3px 1px rgba(201,201,201,0.13)}
.gra a{display:block;color: #333;}
.teacher-collection > a{color:#000;}
.teacher-collection > a:hover{color:#000;}
.gra>h3{color:#000;/*background:#f9fafb url(../images/sprite-hls-iconspic.png) no-repeat;*/font-size:15px;padding:19px 44px;text-align:left;background-position:-354px -237px;text-indent:10px;border-radius:4px 4px 0 0;-ms-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0}
.gra>.new-auth{background-position:-354px -282px}
.recent-lesson{padding:0px 14px 0px;zoom:1;height:auto;background-color:#fff;border-radius:0 0 4px 4px;box-shadow:0 -2px 1px 0 rgba(243,243,243,0.32);-webkit-box-shadow:0 -2px 1px 0 rgba(243,243,243,0.32);-ms-box-shadow:0 -2px 1px 0 rgba(243,243,243,0.32);-moz-box-shadow:0 -2px 1px 0 rgba(243,243,243,0.32);-o-box-shadow:0 -2px 1px 0 rgba(243,243,243,0.32)}
.det-lesson{border-bottom:1px solid #f1f1f1;padding:28px 0;}
.det-lesson:last-child{border-bottom:0}
.det-lesson *{text-align:left;color:#000;font-size:12px}
.det-lesson img{display:block;border-radius:50%;width:82px;height:82px;margin:0 auto}
.det-lesson p{font-size:17px;text-align:center}
.det-lesson p span{color:#888;padding-left:14px}
.det-lesson ul li{margin:4px 0 4px 60px}
.lessonstar ul{float:none;margin:0 auto;width:80px}
.lessonstar ul li{margin:0;background-position:left -270px;width:16px}
.lessonstar ul li.stuff{background-position:left -295px}
.newauth .recent-lesson{padding-top:0}
.newauth .det-lesson img{width:82px;height:auto;float:left;margin:0 22px}
.det-lesson .fl-rigx li{margin-top:0;margin-bottom:0}
.fl-rigx li.name{font-size:18px}
.fl-rigx li.subj,.focus-img p{color:#888;font-size:15px;margin-bottom:15px}
.fl-rigx li.time{padding-bottom:2px}


.sider.R-r-au .fl-rigx li.subj{ white-space: nowrap; text-overflow:ellipsis; overflow: hidden; }
.find_area{width:100%;background-color:#fff;box-shadow: 0 0 3px 1px rgba(201,201,201,0.13);-webkit-box-shadow: 0 0 3px 1px rgba(201,201,201,0.13);-moz-box-shadow: 0 0 3px 1px rgba(201,201,201,0.13);   -ms-box-shadow: 0 0 3px 1px rgba(201,201,201,0.13);-o-box-shadow: 0 0 3px 1px rgba(201,201,201,0.13);color:#777;border-bottom:1px solid #e8e8e8;}
.find_detail{margin:0 20px;border-bottom:1px solid #f6f6f6;padding:10px 0 10px 20px;}
.find_detail:last-child{border:none;}
.find_detail > p > a, .evegrade p  a{margin:0 5px;padding:3px 8px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;color:#777;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;white-space:nowrap;}
.condition1 a{display:inline-block;}
.find_detail > p > a:hover{background-color:#009944;color:#fff;}
.evegrade > p > a:hover{color:#fff;background-color:#009944;}
.evegrade p  a:hover{color:#fff;}
.find_detail > p{text-align:left;display:inline-block;vertical-align:top;padding-top:5px;}
.sd_details{width:1050px;line-height:30px;padding-top:0px !important;}
.find_choosed{background-color:#009944;color:#fff !important;}
.choose_now{background-color:#fafafa;text-align:left;height:49px;border:1px solid #e0e0e0;border-right:none;}
.havechoosen{padding:16px 0px 16px 40px;display:inline-block;}
.besafe{float:right;display:inline-block;padding:18px 0;}
.havechoosen > i{display:none;padding:3px 0;}
.havechoosen > span:first-child{display:inline-block;padding:3px 0;}
.condition{display:none;}
.condition > span{padding:0px 0 0px 7px;color:#a4a4a4;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;margin:0 10px;border:1px solid #a4a4a4;display:inline-block;}
.condition > span > span{padding:2px 5px;display:inline-block;}
.x_area{border-left:1px solid #a4a4a4;margin-left:3px;cursor:pointer;}
.x_area > img{width:8px;height:9px;}
.havechoosen > a{border:1px solid #a4a4a4;border-radius:0px 5px 5px 0px;cursor:pointer;border-left:none;}
.newlook > p{font-size:14px;color:#777;}
.newlook > p > a{color:#000;font-size:14px;}
.newlook > p > span{background:url('') no-repeat left 2px;color:#777;font-size:12px;margin-left:15px;padding-left:15px;}
.newlook >span{display:block;text-align:center;}
.newlook > span > strong{color:#ff921e;font-size:18px;margin-right:5px;}
.gra > .recentscan{background-position: -354px -539px;}
.row-find{margin-top:8px;}
.d-etails .desc-90 .subject_logo{color:#009944;border:1px solid #009944;padding:3px 10px 3px 10px;}
.d-etails .desc-90 .teachage_logo{padding:3px 10px 3px 10px;}
.d-etails .desc-90 .age_logo{padding:3px 10px;}
#isfixtop{display:none;}
.evegrade{display:inline-block;}
.evegrade p span{display:inline-block;}
.difall{margin:0 ;cursor:pointer;padding:3px 8px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;display:inline-block;vertical-align:top;color:#777;}
.evegrade p span:hover{background-color:#009944;color:#fff;}
.difall:hover{background-color:#009944;color:#fff;}
.ptop{margin-top:8px;}
.choose_now > div{display:inline-block;font-size:14px;width:140px;text-align:center;padding:14px 0px;cursor:pointer;position:relative;}
.price_area{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
.tchsex{border-left:1px solid #e0e0e0;}
.pr_list,.sex_list,.pa_list{position:absolute;top:47px;left:-1px;width:142px;z-index:2;background-color:#fff;display:none;}
.width1{width:140px;}
.width2{width:141px;}
.pr_list ul ,.pa_list ul,.sex_list ul{border:1px solid #e0e0e0;}
.pr_list ul li ,.sex_list ul li{padding:8px 0;}
.pr_list ul li:hover{background-color:#ffeedd;}
.sex_list ul li:hover{background-color:#ffeedd;}
.pa_list ul li{padding:8px 10px;text-align:center;}
.pa_list ul li:hover{background-color:#ffeedd;}
.choose_now > div > span{padding-right:15px;background:url(../images/tangle_bottom.jpg) no-repeat right center;}
.notfound{width:auto;text-align:center;padding:20px 0;margin:0 auto;background-color:#f8f8f8;}
.notfound > .nf_name{font-size:16px;font-weight:bold;margin-bottom:5px;}
.notfound > .nf_name span{color:#eb8e34;}
.notfound > .nf_tjls{font-size:14px;color:#6d6d6d;}
.gra .need_title{color:#fff;font-size:12px;background:#009944 url(../images/need_logo.png) no-repeat left center;padding-left:25px;}
.gra .need_title span{font-size:18px;}
.gra .need_pad{padding:19px;background-color:#009944;}
.goneed{padding:25px 15px;background-color:#fff;position:relative;}
.goneed .select_like{color:#000;width:100%;height:43px;padding:12px 50px 12px 15px;border:1px solid #999;display:inline-block;background:url(../images/select_logo.png) no-repeat right center;cursor:pointer;margin-bottom:20px;}
.goneed ul{border:1px solid #009944;border-top:none;cursor:pointer;height:155px;overflow-y:scroll;display:none;width:242px;z-index:2;position:absolute;top:68px;}
.goneed ul li{color:#000;font-size:14px;background-color:#fff;padding:6px 15px;z-index:101;}
.goneed ul li:hover{color:#fff;background-color:#009944;}
.btn-blue{border:0;color:#fff;display:block;border-radius:5px;background-color:#009944;font-size:18px;text-align:center;line-height:50px;width:100%;height:50px;letter-spacing:4px;text-indent: 4px;font-weight:bold;transition:background-color ease-in-out .24s;-moz-transition:background-color ease-in-out .24s;-webkit-transition:background-color ease-in-out .24s;-o-transition:background-color ease-in-out .24s;-ms-transition:background-color ease-in-out .24s;cursor:pointer;margin:0 auto;}
.btn-blue:hover{background-color:#30363a;}
.choose_now h1{display:inline-block;font-size:14px;padding:14px;margin-left:26px;}
.notice_description{padding:30px 40px;float:left;}
.notice_description p{color:#666;line-height: 28px;}
.renzheng {
    width: 296px;
    margin: 20px 1px 0px 0px;
    float: left;
    text-align: center;
}
.mt10 {
    margin-top: 10px;
}
.renzheng li {
    float: left;
}
.renzheng li {
    display: inline-block;
    margin: 0px 4px;
    background: transparent url("../images/renzhengbg.png") repeat scroll 0% 0%;
    width: 66px;
    height: 22px;
    line-height: 21px;
    font-size: 12px;
    color: #009944;
}
.renzheng li span {
    padding: 0px 8px 0px 0px;
    color: #FFF;
}
.detailsCard .dd .pname {
    width: 100px;
/*text-align: center;*/
padding: 10px 0px;
font-size: 22px;
font-weight: bold;
color: #333;
}
.page-turning .current{
        display: inline-block;
    float: left;
    height: 32px;
    width: auto;
    line-height: 32px;
    padding: 0 10px;
}
.page-turning li{
    list-style: none;
    display: inline-block;
    height: 32px;
    line-height: 32px;
}
